<template>
  <div id="test">
    <div class="tit">
      <div class="line1">
        <div class="l">
          <img src="" alt="">
          
        </div>
        <div class="r"></div>
      </div>
      <div class="line2">fotomax</div>
      <div class="line3"><input type="text" placeholder="orderid"></div>
    </div>

    <div class="con1 clearfix">
      <div class="item">
        <div class="item-tit">arriving</div>
        <div class="item-tit">50</div>
      </div>
      <div class="item">
        <div class="item-tit">arriving</div>
        <div class="item-tit">50</div>
      </div>
      <div class="item">
        <div class="item-tit">arriving</div>
        <div class="item-tit">50</div>
      </div>
      <div class="item">
        <div class="item-tit">arriving</div>
        <div class="item-tit">50</div>
      </div>
    </div>

    <div class="con2">
      <div class="item" :style="{backgroundImage: 'url(' + bg2 + ')' , width: '100%', height: '100%'}">Store/return</div>
       <div class="item">Store/return</div>
        <div class="item">Store/return</div>
         <div class="item">Store/return</div>
    </div>
   
  </div>
</template>

<script>
import Bg2 from "@/assets/1.png";
export default {
  name: "test",
  data() {
    return {
      bg2: Bg2
    };
  }
};
</script>

<style>
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1; /*IE/7/6*/
}
/* template{
  background: #f8f8f8;
} */
#test {
  background: #f8f8f8;
}
.tit {
  background: #0f4b85;
  color: #fff;
  height: 130px;
}
.tit input {
  border-radius: 15px;
  border-width: 0;
  padding-left: 10px;
}
.con1 {
  padding: 13px;
  position: relative;
  top: -28px;
}
.con1 .item {
  width: 48%;
  border-radius: 10px;
  background: #fff;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
.con2 {
  padding: 13px;
  position: relative;
  top: -28px;
}
.con2 .item {
  height: 107px;
  line-height: 107px;
  /* background: #fff; */
  border-radius: 10px;
  font-weight: 900;
  margin-bottom: 10px;
  /* background:url("../assets/1.png"); */
}
</style>

